//搜索
.search {
  height: 32px;
  margin-bottom: 14px;
}

::v-deep .el-input__wrapper {
  //background: #f2f3f5;
  /* 输入框线 */
  border: 1px solid #dcdfe6;
  border-radius: 0;
  box-shadow: none;
}

.treeInput {
  width: 120px;
  height: 24px;
  line-height: 24px;

  &::v-deep .el-input__inner {
    height: 24px;
    line-height: 24px;
  }
}

//树
.tops {
  height: 100%;
  background-color: #fff;
  margin: 0 auto;
  font-size: 14px !important;

  //position: relative;
  //right: 8px;
  // 设置行高
  :deep(.el-tree-node__content) {
    position: relative;
    height: 32px; // 固定高度
    box-sizing: border-box;
  }

  // 小三角的位置以及默认时候的位置
  :deep(.el-tree-node__expand-icon) {
    //display: none;
    position: absolute;
    right: 0;
    bottom: 5px;
  }

  // 插入的父级的图标的样式
  .father {
    background: url("Asset/folder.png") no-repeat;
    width: 18px; // 固定宽度
    height: 18px; // 固定高度
    display: inline-block;
    background-size: 100%;
    margin: 0 8px 0 10px !important; // 固定外边距
    line-height: 18px;
    background-position-y: 1px;
  }

  .son {
    width: 17px;
    height: 17px;
    display: inline-block;
    background-size: 100% 100%;
    line-height: 17px;
    margin: 0 8px 0 10px !important; // 固定外边距
    background: url("Asset/system.png") no-repeat center center / cover;
    background-position-y: 1px;
  }

  :deep(.el-tree-node__content .custom-tree-node) {
    font-size: 16px; // 固定字体大小
    color: #4e4e4e;
    line-height: 52px; // 固定行高
    font-weight: 500;
    user-select: none;
    // width: 220px;
    //单行省略号
    // text-overflow: ellipsis;
    // overflow: hidden;
    // word-break: break-all;
    // white-space: nowrap;
  }

  :deep(.el-tree-node__children .el-tree-node .el-tree-node__content .custom-tree-node) {
    font-family: "pf";
    font-size: 16px; // 固定字体大小
    color: #666666;
    line-height: 52px; // 固定行高
    font-weight: 500;
    user-select: none;
  }

  //hover颜色
  :deep(.el-tree-node__content) {
    &:hover {
      background: #f2f3f5 !important;
    }
  }

  // 选中颜色
  :deep(.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content) {
    background: #f2f3f5 !important;

    span {
      color: #3456dc;
    }

    .father {
      background: url("Asset/folder-hover.png") no-repeat;
      width: 18px; // 固定宽度
      height: 18px; // 固定高度
      display: inline-block;
      background-size: 100%;
      margin: 0 8px 0 10px !important; // 固定外边距
      background-position-y: 1px;
    }

    .son {
      width: 17px;
      height: 17px;
      display: inline-block;
      background-size: 100% 100%;
      margin-right: 4px;
      line-height: 17px;
      margin: 0 8px 0 10px !important; // 固定外边距
      background: url("Asset/system-hover.png") no-repeat center center / cover;
      background-position-y: 1px;
    }
  }
}
